<template>
	<view>
		<view class="top">
			<view class="left" @tap='$back()'>
				<image src="../../../static/stock/left.png" mode=""></image>
				<view>我的二维码</view>
				<view class="">
					
				</view>
			</view>
		</view>
		<view class="header"><image src="../../../static/images/u=376029017,2622921745&fm=26&gp=0.jpg" mode=""></image></view>
		<view class="text">
		请分享二维码	
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
	
};
</script>

<style lang="scss">
page {
	position: absolute;
}
.top {
	float: left;
	height: 318rpx;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(@/static/distribution/one/8.png) center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	.left{
		height: 88rpx;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight:400 ;
	}
	image{
		width: 22rpx;
		height: 40rpx;
		margin-left: 30rpx;
	}
}
.header {
	margin: 0 auto;
	margin-top: 166rpx;
	position: relative;
	width: 560rpx;
	height: 784rpx;
	background: url(@/static/distribution/one/9.png) center no-repeat;
	background-size: 100% 100%;
	image {
		width: 150rpx;
		height: 150rpx;
		z-index: 2;
		position: absolute;
		bottom: 40rpx;
		right: 40rpx;
	}
}
.text{
	margin-top: 64rpx;
width: 100%;
	height:45rpx;
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:500;
	line-height:45rpx;
	color:rgba(97,97,97,1);
	opacity:1;
	text-align: center;
}
</style>
